import axios from "axios"; // 引入axios
import QS from "qs"; // 引入qs模块，用来序列化post类型的数据
// import store from "@/store/index";
import {
  baseURL
} from "./config";

//截取url token
function GetQueryValue(queryName) {
  var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) {
    return decodeURI(r[2]);
  } else {
    return null;
  }
}

if (GetQueryValue("token")) {
  localStorage.removeItem("$token");
  localStorage.setItem("$token", GetQueryValue("token"));
  // localStorage.setItem("$token", GetQueryValue("token"));
} else {
  localStorage.setItem("$token", 'afac06a1bacc6a846bfe1c05906bcadf');
}

// 请求token
let token = localStorage.getItem('$token');
// let token = 'afac06a1bacc6a846bfe1c05906bcadf'
// 请求地址
axios.defaults.baseURL = '';
// 设置请求超时
axios.defaults.timeout = 10000;
// post请求头的设置
// axios.defaults.headers.post["Content-Type"] =
//   "application/x-www-form-urlencoded;charset=UTF-8";
// axios.defaults.headers.post["Content-Type"] =
//   "application/json; charset=UTF-8";

// 请求拦截
axios.interceptors.request.use(
  config => {
    // 每次发送请求之前判断vuex中是否存在token
    // 如果存在，则统一在http请求的header都加上token，这样后台根据token判断你的登录情况
    // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
    // 显示loading
    // token && (config.headers.Authorization = token);
    // config.headers.token = token

    return config;
  },
  error => {
    // 请求错误时弹框提示，或做些其他事
    return Promise.error(error);
  }
);

// 响应拦截器
axios.interceptors.response.use(
  response => {
    if (response.status === 200) {
      // 对响应数据做点什么，允许在数据返回客户端前，修改响应的数据
      return Promise.resolve(response);
    } else {
      // 对响应错误做点什么
      return Promise.reject(response);
    }
  },
  // 服务器状态码不是200的情况
  error => {
    if (error.response.status) {
      switch (error.response.status) {
        // 401: 未登录（登陆过期）
        // 未登录则跳转登录页面，并携带当前页面的路径
        // 在登录成功后返回当前页面，这一步需要在登录页操作。
        case 401:
          this.$router.replace({
            path: "/login",
            query: {
              redirect: this.$router.currentRoute.fullPath
            }
          });
          break;
          // 402接口调用错误
        case 402:
          this.$message.error("请求接口调用错误");
          break;
          // 403 token过期
          // 登录过期对用户进行提示
          // 清除本地token和清空vuex中token对象
          // 跳转登录页面
          // case 403:
          //   this.$message.error('错了哦，这是一条错误消息');
          //   // 清除token
          //   localStorage.removeItem("token");
          //   store.commit("loginSuccess", null);
          //   // 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
          //   setTimeout(() => {
          //     this.$router.replace({
          //       path: "/login",
          //       query: {
          //         redirect: this.$router.currentRoute.fullPath
          //       }
          //     });
          //   }, 1000);
          //   break;
          // 404请求不存在
        case 404:
          this.$message.error("请求接口不存在");
          break;
          // 其他错误，直接抛出错误提示
        default:
          this.$message.error(error.response.data.message);
      }
      return Promise.reject(error.response);
    }
  }
);

/**
 * get方法，对应get请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function get(url, params) {
  return new Promise((resolve, reject) => {
    axios
      .get(url, {
        params: params
      })
      .then(res => {
        resolve(res.data);
      })
      .catch(err => {
        reject(err.data);
      });
  });
}

/**
 * post方法，对应post请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function post(url, params) {
  return new Promise((resolve, reject) => {
    axios
      // .post(url, QS.stringify(params))
      .post(url, params)
      .then(res => {
        resolve(res.data);
      })
      .catch(err => {
        reject(err.data);
      });
  });
}

// POST 方法封装
export const postnew = (url, params) => {
  return axios({
    method: 'post',
    url: url,
    data: params,
    headers: {
      'content-type': 'application/x-www-form-urlencoded'
    }
    // headers: {
    //   // 'Content-Type': 'application/json; charset=UTF-8', //设置请求头请求格式为JSON
    //   'apikey': "ypWkYJMNtgtTSRA+HF1XDCeeGcaGyyiddorMPfE6cNusDK1jofJ0O0ZYXzAlBYbQcZh02vTKzXb0/2/wSohIkAKb2pM2XZgY9L1Qk4aDpCOC2y+LOYoCDhiFN/E0ISjfTPGlAsTR/aBMHLB+SgI/nUlPiNf8M+y4dSgUh4XpjIQKMhl2dwEyti4+vXcxHk6p5L1JttrNXt+uWAUC9r1bHnv4QA05mYCM2pmz89NSvjt3GQTAJNKIHSjChkPluyH7" //设置token 其中K名要和后端协调好
    // },
  });
};
// GET 方法封装
export const getnew = (url, params) => {
  return axios({
    method: 'get',
    url: url,
    params: params,
    headers: {
      Authorization: token,
    }
  });
};